/* flex布局样式 */
.flex {
    display: flex;
    align-items: center;
}

.flexBetween {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* 浮动样式 */
.fl {
    float: left;
}

.fr {
    float: right;
}

/* 居中布局样式 */
.marginCenter {
    margin: 0 auto;
}

/* 盒子边框样式 */
.commonBox {
    padding: 10px;
    text-align: center;
    border: 1px solid #666;
}

/* 盒子大小 */
.commonSize {
    width: 100px;
    height: 100px;
}